input[type=file] {
    border:2px solid #DEE2E7;
    border-radius:5px;
    width: 100%;
    font-size:9pt;
}
input[type=file]::file-selector-button {
  margin-right:8px;
  border:none;
  border-right:2px solid #DEE2E7;
  background:#E9ECEF;
  padding:8px 12px;
  color:#222222;
  cursor:pointer;
  font-size:9pt;
}

input[type="text"] {
    height:30px;
    color:#222222;
    font-size:11pt;
}

input[type="color"] {
    appearance:none;
    border:none;
    width:50px;
    height:50px;
    cursor:pointer;
    background:none;
    padding:0;
}

input[type="color"]::-webkit-color-swatch {
    border:1px solid #000000;
}

input[type="color"]::-moz-color-swatch {
    border:1px solid #000000;
}

input[type="color"]:hover {
    transform:scale(1.1);
    transition:transform 0.2s ease-in-out;
}